<template>
  <div>
    {{ count }} ----- 

    <button @click="addCount">按钮</button>
  </div>
</template>

<script>
import { ref, computed, watch } from 'vue';
export default {
    setup() {
        let count = ref(0);

        setTimeout(() => {
            count.value = 5;
        }, 2000)

        let newComputed = computed(() => {
            return count.value + '我变了';
        })

        // let aa = computed({
        //     // 获取
        //     get() {
        //         return count.value + '我变了';
        //     },
        //     // 设置
        //     set(value) {
        //         count.value = value;
        //     }
        // })

        const addCount = () => {
            // count.value += 1;
           
        }

        return {
            count,
            addCount,
            newComputed
        }
    }
}
</script>

<style>

</style>